/**
 * 普通业务模块示例
 */
define(['Util',
        '../common/getMenu', 
        'list',
        'form',
        'dialog',
        'tab',
        'loading',
        '../common/getPath',
        'text!tpl/requirement/defectReason.tpl',
        'text!tpl/requirement/addDefectReason.tpl',
        'validator',
        'cookie'
    ],
    function(Util, getMenu, List, Form, Dialog, Tab, Loading, AjaxPath, defectReasonListTpl, addDefectReasonTpl, Validator, $cookie) {
        require(['style!css/style.css']);
        var $el = null;

        var _indexModule = null,
            list = null,
            dialog = null,
            tab = null,
            tplId = null,
            handLoading = null,
            loadingConfig = null,
            addDefectReasonValidator = null,
            addDialog = null;
        var initialize = function(indexModule, options, tabItem) {
            $el = $(defectReasonListTpl);
            _indexModule = indexModule;

            // 事件--点击切换tab后事件回调
            $(tabItem).on("tabActive", function() {
                tabItem.show(true); // 刷新表单
            });

            tab = tabItem;
            createLoading();
            tplId = options.menuId;

            // 业务相关代码
            eventInit();
            this.content = $el;

            listInit();
            getMenu(tab, options.menuId);
        };

        var eventInit = function (){
            //页面除dialog按钮功能
            $el.on('click', '#defectReasonListBtnAdd', addDialogBox);
            $el.on('click', '#defectReasonListBtnDel', delDialogBox);
            $el.on('click', '.defectReasonDeleteBtn', delDialogBox);
            $el.on('click', '.defectReasonBtnSearch', search);
            $el.on('click', '.defectReasonBtnReset', searchRest);
            $('#tabList li.' + tplId).on('click', tabActive);
        }

        var tabActive = function() {
            search();
            getMenu(tab, tplId);   
        }

        var search = function() {
            var data = Form.serialize($('.searchDefectReasonForm', $el));
            data.limit = 10;
            data.page = 1;
            list.search(data);
        }

        var searchRest = function(){
            $("input[name=name]",$el).val("");
            search();
        }

        var listInit = function(){
            var config = {
                el: $('.defectReasonListContainer', $el),
                ajax: {    //所有jquery.ajax的配置项均可配置，这些配置将替换底层组件的配置；慎用
                    method:'GET'
                },
                field: {
                    boxType: 'checkbox',
                    key: 'id',
                    items: [
                    {
                        text: '缺陷原因',
                        name: 'name',
                        // title: 'description',
                        className: 'w90',
                        width:700,
                        render: function (item, val) {
                            val = $('<span/>').text( val ).html(); 
                            return '<div href="javascript:;" class="text-overflow fn-left" style="max-width:100%;line-height:36px;" title="'+ item.name + (item.description ? '-' + item.description : "") +'">'+ (val ? val : "") +'</div>';
                            // return '<div class="fn-left">' +val+ '</div>';
                        },
                        // tooltip: function (item, val) {  // 设置单元格自定义提示框
                        //     //item 该单元格所属行json对象
                        //     //val 该单元格文本
                        //     var tooltipConfig = {
                        //         className: 'tipsWraper',// 设置提示框外层dom的类名
                        //         width: 500,// 设置提示框宽度，默认200
                        //         height: 100,// 设置提示框宽度，默认100
                        //         // dir: 'right', // 设置提示框位置，枚举值 top | right,默认top
                        //         text: '<a href="javascript:;" class="tips">'+item.name+(item.description ? '-' + item.description : "")+'</a>' //设置显示的文本，类型可以是字符串本文或html标签
                        //     }
                        //     // 悬浮框内元素动态绑定事件(依场景而配置)
                        //     $('body').off('click.tips');
                        //     // $('body').on('click.tips', '.tips', function () {
                        //     //     console.log('点击了悬浮框文本');
                        //     // });
                            
                        //     return tooltipConfig;
                        // }
                    },
                    {
                        text: '操作',
                        title: '',
                        name: '',
                        className: 'w90',
                        render: function (item, val) {
                            return '<div class="fn-center"><button class="t-btn t-btn-blue t-btn-xs defectReasonDeleteBtn"><a style="color:#fff">删除</a></button></div>';
                        }
                    }]
                },
                page: {
                    customPages: [2, 3, 5, 10, 15, 20, 30, 50], //可选择每页显示多少条
                    perPage: 10, //默认每页显示多少条记录
                    total: true
                },
                data: {
                    url: AjaxPath.demand + "/defectReason?name="
                    // url:"../../../data/list1.json"
                }
            };
            list = new List(config);
            list.search();
        }

        var delDefectReason = function(e){
            
            handLoading = new Loading(loadingConfig);
            var nodes = list.getCheckedRows();
            if(nodes.length < 1) {
                handLoading.destroy();
                config = {
                    mode: 'tips',
                    content: '<div style="text-align:center;margin-top:70px">请选择至少一条数据进行删除！</div>',
                    width: 300, //对话框宽度，可选项。normal默认值为600，confirm默认值为300，tips默认值为240
                    height: 150, //对话框高度，可选项。normal默认值为400，confirm默认值为180，tips默认值为80
                    cancelDisplay: false
                };
                var dialog = new Dialog(config);
            } else {

                var data = "";
                for(var i = 0; i < nodes.length; i++) {
                    data += nodes[i].id + ',';
                }
                data = data.substring(0,data.length-1);

                if(nodes.length === 1){
                    Util.ajax.getJson(AjaxPath.demand + '/defectReason/'+ nodes[0].id, {} ,function(result, isok) {
                        var flag = result.returnCode;
                        if(flag !== '0000') {
                            handLoading.destroy();
                            new Dialog({
                                mode: 'confirm', //对话框模式，默认normal标准|tips浮动层|tips确认对话框
                                title: '提示', //对话框标题
                                width: 300,
                                height: 120,
                                modal: true,
                                content: '<div style="text-align:center;margin-top:50px">'+result.returnMessage+'</div>', //对话框内容，可以是字符串、html片段、或dom对象,默认为loading状态（点组成的圈）
                                cancelDisplay: false,
                                ok: function() {}, // 配置该项时才会出现ok按钮，回调函数可为空。如果指定 return false 则执行完方法后不关闭对话框。默认 return true
                                okValue: '关闭' //确定按钮的文本 默认是 ‘ok’
                            });
                            return;
                        } else if(flag === '0000'){
                            handLoading.destroy();
                            new Dialog({
                                mode: 'tips',
                                content: '<div style="text-align:center;margin-top:70px">删除成功！</div>',
                                width: 300, //对话框宽度，可选项。normal默认值为600，confirm默认值为300，tips默认值为240
                                height: 150, //对话框高度，可选项。normal默认值为400，confirm默认值为180，tips默认值为80
                                cancelDisplay: false
                            });
                            search();
                        }
                    })
                } else {
                    Util.ajax.getJson(AjaxPath.demand+"/defectReason/beatchDelete?ids=" + data, {}, function(result, isok) {
                        var flag = result.returnCode;
                        if(flag === '0000'){
                            handLoading.destroy();
                            new Dialog({
                                mode: 'tips',
                                content: '<div style="text-align:center;margin-top:70px">批量删原因成功!</div>',
                                width: 300, //对话框宽度，可选项。normal默认值为600，confirm默认值为300，tips默认值为240
                                height: 150, //对话框高度，可选项。normal默认值为400，confirm默认值为180，tips默认值为80
                                cancelDisplay: false
                            });
                            search();
                        } else {
                            handLoading.destroy();
                            new Dialog({
                                mode: 'confirm', //对话框模式，默认normal标准|tips浮动层|tips确认对话框
                                title: '提示', //对话框标题
                                width: 300,
                                height: 120,
                                modal: true,
                                content: '<div style="text-align:center;margin-top:50px">'+result.returnMessage+'</div>', //对话框内容，可以是字符串、html片段、或dom对象,默认为loading状态（点组成的圈）
                                cancelDisplay: false,
                                ok: function() {}, // 配置该项时才会出现ok按钮，回调函数可为空。如果指定 return false 则执行完方法后不关闭对话框。默认 return true
                                okValue: '关闭' //确定按钮的文本 默认是 ‘ok’
                            });
                        }  
                    })
                }
                
            }
        }

        var delDialogBox = function(e) {
            var config = null;
            if(e.currentTarget.id!=="defectReasonListBtnDel"){
                $(".defectReasonListContainer .sn-list-content-locker.sn-list-show table tbody tr.selected td").click();
                $(".defectReasonListContainer .sn-list-show table tbody tr").eq(e.currentTarget.parentNode.parentNode.parentNode.rowIndex).find('td').click();
            }
            var nodes = list.getCheckedRows();
            if(nodes.length < 1 && e.currentTarget.id === 'defectReasonListBtnDel') {
                config = {
                    mode: 'tips',
                    content: '<div style="text-align:center;margin-top:70px">请选择至少一条数据进行删除！</div>',
                    width: 300, //对话框宽度，可选项。normal默认值为600，confirm默认值为300，tips默认值为240
                    height: 150, //对话框高度，可选项。normal默认值为400，confirm默认值为180，tips默认值为80
                    cancelDisplay: false
                };
                var dialog = new Dialog(config);
            } else {
                config = {
                    mode: 'confirm', //对话框模式，默认normal标准|tips浮动层|confirm确认对话框
                    title: "删除提示", //对话框标题
                    content: '<div style="text-align:center;margin-top:50px">确认删除选择的缺陷原因?</div>' /* + content.substring(0,content.length-1)*/ , //对话框内容，可以是字符串、html片段、或dom对象,默认为loading状态（点组成的圈）
                    ok: function() {
                        delDefectReason(e);
                        return true;
                    }, // 配置该项时才会出现ok按钮，回调函数可为空。如果指定 return false 则执行完方法后不关闭对话框。默认 return true
                    okValue: '确定', //确定按钮的文本 默认是 ‘ok’
                    cancel: function() {}, //取消按钮的回调函数,配置该项时才会出现关闭按钮，回调函数可为空。
                    cancelValue: '取消', //取消按钮的文本 默认是 ‘关闭’
                    cancelDisplay: true, //是否显示取消按钮 默认true显示|false不显示
                    width: 300, //对话框宽度，normal默认值为600，confirm默认值为300，tips默认值为240
                    height: 120, //对话框高度，normal默认值为400，confirm默认值为180，tips默认值为80
                    padding: '0 16px 1em 10px', //(默认值: 继承 css 文件设置) 设置消息内容与消息容器的填充边距，即 style padding属性
                    align: 'bottom right', //设置对话框与其他元素的对齐方式。仅在show(elem)与showModal(elem)传入元素时生效。默认值: "bottom left"。可选："top left" "top" "top right" "right top" "right" "right bottom" "bottom right" "bottom" "bottom left" "left bottom" "left" "left top"。
                    skin: 'dialogSkin dialogSkin2', //设置对话框额外的className参数,多个className请使用空格隔开。
                    fixed: true, //是否开启固定定位 默认false不开启|true开启
                    quickClose: false, //点击空白处快速关闭 默认false不关闭|true关闭
                    modal: true, //是否开启模态框状态  默认false不开启|true开启,confirm默认状态为true
                    beforeOpen: function() {}, //对话框打开之前执行。
                    zIndex: 990 // 对话框的z-index值，默认是1024。
                };
                var delDialog = new Dialog(config)
            }
        };

        var addDialogBox = function(e) {
            var nodes = list.getCheckedRows();
            var config = {
                mode: 'confirm', //对话框模式，默认normal标准|tips浮动层|confirm确认对话框
                title: "新增原因", //对话框标题
                content: addDefectReasonTpl /* + content.substring(0,content.length-1)*/ , //对话框内容，可以是字符串、html片段、或dom对象,默认为loading状态（点组成的圈）
                ok: function() {
                    if(addDefectReasonValidator.form()){
                        addDefectReason();
                    }
                    
                    return false;
                }, // 配置该项时才会出现ok按钮，回调函数可为空。如果指定 return false 则执行完方法后不关闭对话框。默认 return true
                okValue: '保存', //确定按钮的文本 默认是 ‘ok’
                cancel: function() {}, //取消按钮的回调函数,配置该项时才会出现关闭按钮，回调函数可为空。
                cancelValue: '取消', //取消按钮的文本 默认是 ‘关闭’
                cancelDisplay: true, //是否显示取消按钮 默认true显示|false不显示
                width: 500, //对话框宽度，normal默认值为600，confirm默认值为300，tips默认值为240
                height: 180, //对话框高度，normal默认值为400，confirm默认值为180，tips默认值为80
                padding: '0 16px 0 10px', //(默认值: 继承 css 文件设置) 设置消息内容与消息容器的填充边距，即 style padding属性
                align: 'bottom right', //设置对话框与其他元素的对齐方式。仅在show(elem)与showModal(elem)传入元素时生效。默认值: "bottom left"。可选："top left" "top" "top right" "right top" "right" "right bottom" "bottom right" "bottom" "bottom left" "left bottom" "left" "left top"。
                skin: 'dialogSkin dialogSkin2', //设置对话框额外的className参数,多个className请使用空格隔开。
                fixed: true, //是否开启固定定位 默认false不开启|true开启
                quickClose: false, //点击空白处快速关闭 默认false不关闭|true关闭
                modal: true, //是否开启模态框状态  默认false不开启|true开启,confirm默认状态为true
                beforeOpen: function() {
                    addDefectReasonValidation();
                }, //对话框打开之前执行。
                zIndex: 990 // 对话框的z-index值，默认是1024。
            };
            addDialog = new Dialog(config)
        };

        var addDefectReasonValidation = function(){
            var config = {
                // el: $('.validatorForm'),
                el: $(".detailAddDefectReasonForm"),
                // submitBtn: $(".btnSave"), //触发验证的按钮，可不配置
                dialog: true, //是否弹出验证结果对话框
                rules: {
                    name: "required"
                },
                messages: {
                    name: {
                        required: "缺陷原因不能为空"
                    }
                }    
            };  
            addDefectReasonValidator = new Validator(config);
        }

        var addDefectReason = function(){
            handLoading = new Loading(loadingConfig);
            var config = null,
                dialog = null;
            var data = Form.serialize($('.detailAddDefectReasonForm'));
            data.createPerson = $cookie.get('userId');

            Util.ajax.postJson(AjaxPath.demand + "/defectReason", data, function(result, isok) {
                if(result.returnCode==="0000"){
                    // addDialog.remove();
                    handLoading.destroy();
                    config = {
                        mode: 'confirm', // 对话框模式，默认normal标准|confirm浮动层|confirm确认对话框
                        title:'提示',
                        width: 300, //对话框宽度，可选项。normal默认值为600，confirm默认值为300，tips默认值为240
                        height: 120, //对话框高度，可选项。normal默认值为400，confirm默认值为180，tips默认值为80
                        cancelDisplay: false, //是否显示取消按钮（强制执行，可在confirm模式下生效），可选项。 默认true(显示)
                        modal:true,
                        content: '<div style="text-align:center;margin-top:50px">新建缺陷原因成功</div>' ,// 对话框内容，可以是字符串、html片段、或dom对象,默认为loading状态（点组成的圈）
                    };
                    dialog = new Dialog(config);
                    dialog.on('onclose',function(){
                        $(".ui-popup-backdrop,.ui-popup").remove();
                        search()
                    });
                }else{
                    handLoading.destroy();
                    config = {
                        mode: 'confirm', // 对话框模式，默认normal标准|confirm浮动层|confirm确认对话框
                        title:'提示',
                        width: 300, //对话框宽度，可选项。normal默认值为600，confirm默认值为300，tips默认值为240
                        height: 120, //对话框高度，可选项。normal默认值为400，confirm默认值为180，tips默认值为80
                        cancelDisplay: false, //是否显示取消按钮（强制执行，可在confirm模式下生效），可选项。 默认true(显示)
                        modal:true,
                        content: '<div style="text-align:center;margin-top:50px">'+result.returnMessage+'</div>' ,// 对话框内容，可以是字符串、html片段、或dom对象,默认为loading状态（点组成的圈）
                    };
                    dialog = new Dialog(config);
                }
            })
        }

        var createLoading = function() {
            loadingConfig = {
                el: 'body', //组件要绑定的容器，默认为body（此项可不配置或留空）
                className: 'loading', //组件外围的className
                position: 'center', //提示信息位置，顶部top|默认center中央
                width: '300', //loading的宽度,非必须，默认300
                height: 'auto', //loading的宽度,非必须，默认auto
                mask: 1, //是否显示遮罩， 0不显示|默认1显示
                animate: 1, //是否显示动画效果， 0不显示|默认1显示
                mode: 'layer', //展示方式 loadingLine线条方式|默认layer弹层方式
                text: '加载中...', //提示文字，默认 加载中...
                icon: 'dotCycle', //文字前面的gif动画， 默认dotCycle有点组成的圈|cmcc移动图标|cmccLarge大的移动图标
            }
        }

        return initialize;
    });